<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>光山县旅游产业监控中心</title>
    <link rel="stylesheet" href="./assets/css/public.css">
    <link rel="stylesheet" href="./assets/css/common.css">
    <!--<link rel="stylesheet" href="./assets/css/index.css">-->
    <link rel="stylesheet" href="./assets/css/lvyoujia_qx.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
</head>
<body>
<div class="box">
    <!--头部-->
    <div class="title-box">
        <div class="title-img">
            <h3>光山县旅游产业监控中心</h3>
        </div>
        <ul class="link-box">
            <li><a href="index.html">人流热力图</a></li>
            <li class="active"><a href="chanye_jq.html">行业运行监测</a></li>
            <li><a href="industryDevelopment.html">行业发展监测</a></li>
            <li><a href="video.html">第三方数据</a></li>
        </ul>
        <div class="title-left">
            <span>光山县</span>
            <span id="weather">小雨转晴</span>
            <span id="temperature">32/23℃</span>
            <span id="windPower">东风</span>
        </div>
    </div>
    <!--主体-->
    <div class="main-box">
        <!--导航-->
        <div class="nav-box">
            <ul>
                <li>
                    <a href="index.html">
                        <div>
                            <img src="./assets/images/icon-index.png">
                            <img src="./assets/images/icon-index-active.png">
                        </div>
                        <p>大数据人流热力图</p>
                    </a>
                </li>
                <li>
                    <a href="./chanye_jq.html">
                        <div>
                            <img src="./assets/images/icon-analysis.png">
                            <img src="./assets/images/icon-analysis-active.png">
                        </div>
                        <p>行业运行监测及统计</p>
                    </a>
                </li>
                <li>
                    <a href="./industryDevelopment.html">
                        <div>
                            <img src="./assets/images/icon-operation.png">
                            <img src="./assets/images/icon-operation-active.png">
                        </div>
                        <p>行业发展监测及统计</p>
                    </a>
                </li>
                <li class="active">
                    <a href="./lvyoujia_qx.html">
                        <div>
                            <img src="./assets/images/icon-activity.png">
                            <img src="./assets/images/icon-activity-active.png">
                        </div>
                        <p>第三方数据处理和呈现</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--数据内容-->
        <div class="content-box flex-column">
            <div class="content-nav">
                <ul>
                    <li class="active">
                        <a href="#">光山县</a>
                    </li>
                    <li>
                        <a href="http://www.weather.com.cn/weather1dn/101180604.shtml" target="_blank">司马光故居</a>
                    </li>
                    <li>
                        <a href="http://www.weather.com.cn/weather1dn/101180604.shtml" target="_blank">司马光小镇</a>
                    </li>
                    <li>
                        <a href="http://forecast.weather.com.cn/town/weather1dn/101180604012.shtml#input" target="_blank">南王岗双创中心</a>
                    </li>
                    <li>
                        <a href="http://www.weather.com.cn/weather1dn/101180604.shtml" target="_blank">大苏山国家森林公园</a>
                    </li>
                    <li>
                        <a href="http://www.weather.com.cn/weather1dn/101180604.shtml" target="_blank">龙山湖</a>
                    </li>
                    <li>
                        <a href="http://www.weather.com.cn/weather1dn/101180604.shtml" target="_blank">官渡河</a>
                    </li>
                    <li>
                        <a href="http://www.weather.com.cn/weather1dn/101180604.shtml" target="_blank">邓颖超祖居</a>
                    </li>

                    <li>
                        <a href="http://www.weather.com.cn/weather1dn/101180604.shtml" target="_blank">中国茶具博物馆</a>
                    </li>
                </ul>
            </div>
            <div class="content-main flex-row flex1">
                <div class="content-left flex-column mgr-16 flex1">
                    <div class="flex1 bg-1 mgb-16 left-up animated rotateInUpLeft">
                        <div class="content-title">
                            信阳市
                        </div>
                        <div class="today-box content-left-main bg-main-1">
                            <div class="today-specific">
                                <div class="real-time">
                                    <i><img></i>
                                    <div>
                                        <p></p>
                                        <h3></h3>
                                    </div>
                                </div>
                                <div class="real-list">
                                    <div>
                                        <p>
                                            <span>空气质量</span>
                                            <span id="airQuality"></span>
                                        </p>
                                        <p></p>
                                    </div>
                                    <div>
                                        <p>
                                            <span>风力风向</span>
                                            <span id="wind"></span>
                                        </p>
                                        <p>
                                            <span>降水量</span>
                                            <span id="precipitation"></span>
                                        </p>
                                    </div>
                                    <div>
                                        <p>
                                            <span>湿度</span>
                                            <span id="humidity"></span>
                                        </p>
                                        <p>
                                            <span>大气压强</span>
                                            <span id="atmospheric"></span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <ul>
                                <!-- 白天和晚上天气详情 -->
                                <li class="day-list">
                                    <p>白天</p>
                                    <div>
                                        <i><img ></i>
                                        <p>
                                            <span class="cond"></span>
                                            <span class="tmp"></span>
                                        </p>
                                        <p>
                                            <span class="wind"></span>
                                            <span>日出时间<b class="sunrise"></b></span>
                                        </p>
                                    </div>
                                </li>
                                <li class="night-list">
                                    <p>夜间</p>
                                    <div>
                                        <i><img ></i>
                                        <p>
                                            <span class="cond"></span>
                                            <span class="tmp"></span>
                                        </p>
                                        <p>
                                            <span class="wind"></span>
                                            <span>日落时间<b class="sunrise"></b></span>
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="flex1 bg-1 left-down bounceInUp animated">
                        <div class="content-title">
                            24小时天气预报
                        </div>
                        <div class="content-left-main allDay-box bg-main-1">
                            <ul class="weather-list">
                                <li>
                                    <span>10时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>12时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>14时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>16时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>18时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>20时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>22时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>24时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>2时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>4时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>6时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                                <li>
                                    <span>8时</span>
                                    <span class="weather-span"></span>
                                    <i><img></i>
                                </li>
                            </ul>
                            <div id="tmpLine"></div>
                        </div>
                    </div>
                </div>
                <div class="content-right flex-column flex1">
                    <div class="content-right-bg bg-1 mgb-16 weather-weeks-box flex1 fadeInDown animated">
                        <div class="content-title">
                            7-15天天气预报
                        </div>
                        <div class="content-left-main bg-main-1">
                            <ul class="date-list ">
                                <li class="active">
                                    <span>7天天气预报</span>
                                </li>
                                <li>
                                    <span>8-15天天气预报</span>
                                </li>
                            </ul>
                            <div class="weeks-list">
                                <ul class="data-list">
                                    <li>
                                        <ul>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                            <li>
                                                <p></p>
                                                <i class="day-img"><img></i>
                                                <i class="night-img"><img></i>
                                                <span class="weather-span"></span>
                                                <span class="tmp-span"></span>
                                                <span class="wind-direction"></span>
                                                <span class="wind-power"></span>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <div class="content-right-bg bg-1 right-down flex-column flex1 rotateInUpRight animated">
                        <div class="content-title">
                            整点天气实况
                            <ul>
                                <li class="active">空气质量</li>
                                <li>温度</li>
                                <li>相对湿度</li>
                                <li>降水量</li>
                                <li>风力风向</li>
                            </ul>
                        </div>

                        <div class="bg-main-1 flex1 flex">
                            <ul class="echarts-list content-left-main">
                                <li id="air">
                                    <!-- <div class="echarts" id="air"></div> -->
                                </li>
                                <li class="chart-hd" id="wendu">
                                    <!-- <div id="temperature" class="echarts"></div> -->
                                </li>
                                <li class="chart-hd" id="moisture">
                                    <!-- <div id="moisture" class="echarts"></div> -->
                                </li>
                                <li class="chart-hd" id="rain">
                                    <!-- <div class="echarts" id="rain"></div> -->
                                </li>
                                <li class="chart-hd" id="fengli">
                                    <!-- <div class="echarts" id="windPower"></div> -->
                                </li>
                            </ul>
                        </div>
                        <!--<div class="content-left-main flex1 " id="index_5">-->

                        <!--</div>-->
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
</body>
<script src="./assets/plugin/jquery.min.js"></script>
<script src="./assets/plugin/ECharts/echarts.js"></script>
<script src="./assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="./assets/js/public.js"></script>
<script src="./assets/js/lvyoujia_qx.js"></script>
</html>
